<!-- 电子EIR管理 -->
<template>
  <div class="eir-man">
    <!-- 查询 -->
    <el-row :gutter="15">
      <el-col :span="20">
        <el-form :label-width="labelWidth" :model="formData" size="mini" :inline="true" class="demo-form-inline">
          <el-form-item label="提单号">
            <el-input v-model="formData.tdh"></el-input>
          </el-form-item>
          <el-form-item label="客户名称">
            <el-input v-model="formData.tdh"></el-input>
          </el-form-item>
          <el-form-item label="船代公司">
            <el-input v-model="formData.tdh"></el-input>
          </el-form-item>
          <el-form-item label="内部编号">
            <el-input v-model="formData.tdh"></el-input>
          </el-form-item>
          <el-form-item label="部门">
            <el-input v-model="formData.tdh"></el-input>
          </el-form-item>
          <el-form-item label="业务员">
            <el-input v-model="formData.tdh"></el-input>
          </el-form-item>
          <el-form-item label="上传日期">
            <el-date-picker v-model="formData.tdh" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期">
            </el-date-picker>
          </el-form-item>
          <el-form-item>
            <el-button size="mini" @click="seeEir">批量上传EIR</el-button>
          </el-form-item>
        </el-form>
      </el-col>
      <el-col :span="4">
        <el-button type="primary" size="mini">查询</el-button>
        <el-button size="mini">清空</el-button>
      </el-col>
    </el-row>
    <!-- 表格 -->
    <el-table border height="600px" style="width: 100%">
      <el-table-column align="center" label="序号">
        <template slot-scope="scope">
          {{scope.row.state}}
        </template>
      </el-table-column>
      <el-table-column align="center" label="客户名称">
        <template slot-scope="scope">
          {{scope.row.state}}
        </template>
      </el-table-column>
      <el-table-column align="center" label="船名">
        <template slot-scope="scope">
          {{scope.row.state}}
        </template>
      </el-table-column>
      <el-table-column align="center" label="航次">
        <template slot-scope="scope">
          {{scope.row.state}}
        </template>
      </el-table-column>
      <el-table-column align="center" label="提单号">
        <template slot-scope="scope">
          {{scope.row.state}}
        </template>
      </el-table-column>
      <el-table-column align="center" label="箱型箱量">
        <template slot-scope="scope">
          {{scope.row.state}}
        </template>
      </el-table-column>
      <el-table-column align="center" label="电子EIR">
        <template slot-scope="scope">
          {{scope.row.state}}
        </template>
      </el-table-column>
      <el-table-column align="center" label="打印状态">
        <template slot-scope="scope">
          {{scope.row.state}}
        </template>
      </el-table-column>
      <el-table-column align="center" label="最后修改人">
        <template slot-scope="scope">
          {{scope.row.state}}
        </template>
      </el-table-column>
      <el-table-column align="center" label="最后修改时间">
        <template slot-scope="scope">
          {{scope.row.state}}
        </template>
      </el-table-column>
      <el-table-column align="center" label="客户备注">
        <template slot-scope="scope">
          {{scope.row.state}}
        </template>
      </el-table-column>
      <el-table-column align="center" label="船代公司">
        <template slot-scope="scope">
          {{scope.row.state}}
        </template>
      </el-table-column>
      <el-table-column align="center" label="方箱备注">
        <template slot-scope="scope">
          {{scope.row.state}}
        </template>
      </el-table-column>
      <el-table-column align="center" label="内部编号">
        <template slot-scope="scope">
          {{scope.row.state}}
        </template>
      </el-table-column>
      <el-table-column align="center" label="业务员">
        <template slot-scope="scope">
          {{scope.row.state}}
        </template>
      </el-table-column>
    </el-table>
    <!-- 分页 -->
    <el-pagination background small @size-change="handleSizeChange" @current-change="handleCurrentChange" :current-page="currentPage4" :page-sizes="[100, 200, 300, 400]" :page-size="100" layout="total, sizes, prev, pager, next, jumper" :total="400">
    </el-pagination>
    <see-eir-dialog></see-eir-dialog>
  </div>
</template>

<script>
import SeeEirDialog from './dialog/SeeEirDialog.vue'
export default {
  components: {
    SeeEirDialog
  },
  data () {
    return {
      labelWidth: '80px',
      formData: {},
      tableData: [],
      currentPage4: 1
    }
  },
  methods: {
    seeEir () {
      this.$store.commit('show_see_eir_dialog')
    },
    handleSizeChange (val) {
      console.log(`每页 ${val} 条`)
    },
    handleCurrentChange (val) {
      console.log(`当前页: ${val}`)
    }
  }
}
</script>

<style lang="less">

</style>
